<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="completeYourAlbum.css" title="style" />
    <script type="text/javascript" src="lib/prototype.js"></script>
    <script type="text/javascript" src="lib/scriptaculous.js"></script>
    <script type="text/javascript" src="server.js"></script>
    <script type="text/javascript" src="completeYourAlbum.js"></script>
  </head>
  <body onload="completeYourAlbum()">

    <p>
      <button onlick="completeYourAlbum()">Click</button> 
      to complete you album
    </p>

    <p>
      <div id="artists" class="pane">
        Artists</br>
        <select multiple id="artistList" class="list"></select>
      </div>
      <div id="albums" class="pane">
        Albums</br>
        <select multiple id="albumList" class="list"></select>
      </div>
      <div id="tracks" class="pane">
        Tracks</br>
        <select multiple id="trackList" class="list"></select>
      </div>
    </p>

    <div class="clear"></div>

    <p>
      <b>Status:</b> <span id="debug"></span>
    </p>

   <?php include 'head.inc'; ?>


    <div id="mainJS">
      <!-- the communication is done here -->
    </div>

  </body>
</html>

